<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="css(title,links)">
    <link href="/css/springstore.css" type="text/css" rel="stylesheet" />
    <meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:replace="${title}">后台管理系统</title>
    <script type="text/javascript" src="../echarts.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <th:block th:replace="${links}" />
</head>
<body>
<!-- 侧边栏 -->
<div  class="sidebar" th:fragment="sidebar">

        <link href="/css/springstore.css" type="text/css" rel="stylesheet" />
    <img src="/image/icon.jpg" width="200px" height="100px">

    <div>
        <ul class="userMenu">
            <li  data-id="users" th:class="${activeURI=='one'?'active':''}"
                 onclick="javascript:document.getElementById('01').click();">
                <img src="/image/yonghu.png" style="height: 50px;width: 50px;vertical-align:middle;">
                <a id="01" href="/AccountForm">用户管理</a></li>
            <li data-id="goods" th:class="${activeURI=='two'?'active':''}"
                onclick="javascript:document.getElementById('02').click();">
                <img src="/image/goods.png" style="height: 50px;width: 50px;vertical-align:middle;">
                <a id="02" href="/GoodsForm">商品管理</a></li>
            <li data-id="orders" th:class="${activeURI=='three'?'active':''}"
                onclick="javascript:document.getElementById('03').click();">
                <img src="/image/order.png" style="height: 50px;width: 50px;vertical-align:middle;">
                <a id="03" href="/OrderForm">订单管理</a></li>
            <li data-id="info" th:class="${activeURI=='four'?'active':''}"
                onclick="javascript:document.getElementById('04').click();">
                <img src="/image/money.png" style="height: 50px;width: 50px;vertical-align:middle;">
                <a id="04" href="/lirun">盈利统计</a></li>
        </ul>

    </div>
<!--    <div id="content" class="right" th:include="OrderManagement.html"></div>-->
</div>
</body>
</html>